<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.*"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript">

</script>
<div class="list notSelect" style="background-color: #ffffff;max-height:800px;height:800px">
    <div class="list-title">
        <span>&#60;/&#62;&nbsp;当前宿舍:</span>
    </div>
    <div class="SHinput" style=" margin-left: 140px;position: relative; top: -2px;">
        <input type="text" id="dormNum" style="width: 200px;cursor: not-allowed" disabled="disable">
        <br/>
    </div>
    <div class="button-box">
    </div>
    <div class="line" style="border-bottom:solid #66a9c9;width:97%;margin-left:15px;">
    </div>
    <div class="list-content" style="margin-top:20px">
        <div class="SHinput notAllow" style="    position: absolute;top: 85px; width: 350px;right: 5px;">
            <i style="color: #ffffff">*</i><span>更新时间:</span>
            <input type="text" id="updateTime" disabled="disabled" style="    width: 200px;"/><br/>
        </div>
        <div class="gz-5" style="float: left;height:600px;position: relative;">


            <div style="position:relative;top: 40px;">
                <div style="font-weight:bold;color: #616161;position: absolute;left:25px;top: -25px;"><span>宿舍成员</span>
                </div>
                <table id="dormMember"
                       style="border: solid 2px #d1d2d5;height:255px;left:18px;position:relative;">
                    <thead>
                    <tr class="list-th">
                        <th>学号</th>
                        <th>姓名</th>
                        <th>床位</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <div class="device" style="position:relative;top:85px">
                <div style="font-weight:bold;color: #616161;position: absolute;left:25px;top: -25px"><span>设备状况</span>
                </div>
                <table id="dormDeviceState" style="border: solid 2px #d1d2d5;height:120px;left:18px;position:relative;
">
                    <thead>
                    <th>设备</th>
                    <th>状况</th>
                    <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>电灯</td>
                        <td id="lightState"></td>
                        <td id="lightStateSwitch">
                        </td>
                    </tr>
                    </tbody>
                </table>

            </div>
        </div>

        <div class="gz-7" style="float: left;height:600px;position: relative;top: 45px;" id='electricState'>

        </div>
    </div>
</div>
<script type="text/javascript" src="/static/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/static/js/sweetalert.min.js"></script>
<script type="text/javascript" src="/static/js/student/dormDetail.js"></script>
<%--<script type="text/javascript" src="/static/js/echarts.min.js"></script>--%>
<script type="text/javascript" src="/static/js/idms.js"></script>
<script type="text/javascript">
    var electricChart = echarts.init(document.getElementById('electricState'));
    addDormDetail(localStorage['dormId'], electricChart);
    window.onresize = electricChart.resize;
    setTimeout(
        function () {
            switch_onload()
        }, 500
    );


</script>